<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>404</title>
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
	<div id="container" class="container">
		<ul id="scene" class="scene" data-mode="cursor">
			<li class="layer back" data-depth="0.10" ><img src="images/cloudbg.jpg"></li>
			<li class="layer" data-depth="0.90"><img src="images/cloud.png" style="width:200px;"></li>
			<li class="layer" data-depth="0.80"><img src="images/cloud.png" style="width:200px;"></li>
			<li class="layer" data-depth="0.70"><img src="images/cloud.png" style="width:200px;"></li>
			<li class="layer" data-depth="0.60"><img src="images/cloud.png" style="width:200px;"></li>
			<li class="layer" data-depth="0.50" ><img src="images/cloud.png" style="width:200px;"></li>
			<li class="layer" data-depth="0.30"><img src="images/cloud.png" style="width:200px;"></li>
			<li class="layer" data-depth="0.20"><img src="images/cloud.png" style="width:200px;"></li>
			<li class="layer" data-depth="2.5"><h1 style="margin-left:-90px">404，您访问的页面飞走了~</h1> </li>
		</ul>
	</div>
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery.parallax.js"></script>
	<script>
		$('#scene').parallax();
		function alturaMaxima() {
		  var altura = $(window).height();
		  $(".back").css('min-height',altura);
		}
		alturaMaxima();
		$(window).bind('resize', alturaMaxima);
	</script>
</body></html>
